<!DOCTYPE html>
<html lang="en" xmlns:th="www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>提交页面</title>
  <base th:href="@{/}"/>
  <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/theme.css">
  <style>
    #footer {
      padding: 15px 0;
      background: #fff;
      border-top: 1px solid #ddd;
      text-align: center;
    }
    #topcontrol {
      color: #fff;
      z-index: 99;
      width: 30px;
      height: 30px;
      font-size: 20px;
      background: #222;
      position: relative;
      right: 14px !important;
      bottom: 11px !important;
      border-radius: 3px !important;
    }

    #topcontrol:after {
      /*top: -2px;*/
      left: 8.5px;
      content: "\f106";
      position: absolute;
      text-align: center;
      font-family: FontAwesome;
    }

    #topcontrol:hover {
      color: #fff;
      background: #18ba9b;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }

    .label-type, .label-status, .label-order {
      background-color: #fff;
      color: #f60;
      padding : 5px;
      border: 1px #f60 solid;
    }
    #typeList  :not(:first-child) {
      margin-top:20px;
    }
    .label-txt {
      margin:10px 10px;
      border:1px solid #ddd;
      padding : 4px;
      font-size:14px;
    }
    .panel {
      border-radius:0;
    }

    .progress-bar-default {
      background-color: #ddd;
    }
  </style>
  <script src="jquery/jquery-2.1.1.min.js"></script>
  <script src="bootstrap/js/bootstrap.min.js"></script>
  <script src="script/docs.min.js"></script>
  <script src="script/back-to-top.js"></script>
  <script>
      $('#myTab a').click(function (e) {
          e.preventDefault()
          $(this).tab('show')
      })
  </script>
</head>
<body>
<div class="navbar-wrapper">
  <div class="container">
    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="/" style="font-size:32px;">LEAVE-创意产品众筹平台</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse" style="float:right;">
          <ul class="nav navbar-nav">
            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"></i> [[${session.loginMember.username}]]<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="member.html"><i class="glyphicon glyphicon-scale"></i> 会员中心</a></li>
                <li><a href="#"><i class="glyphicon glyphicon-comment"></i> 消息</a></li>
                <li class="divider"></li>
                <li><a th:href="@{/auth/member/logout}"><i class="glyphicon glyphicon-off"></i> 退出系统</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </div>
</div>

<div class="container theme-showcase" role="main">

  <div class="container">
    <div class="row clearfix">
      <div class="col-md-12 column">
        <nav class="navbar navbar-default" role="navigation">
          <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
              <li>
                <a rel="nofollow" href="index.html"><i class="glyphicon glyphicon-home"></i> 众筹首页</a>
              </li>
              <li >
                <a rel="nofollow" href="projects.html"><i class="glyphicon glyphicon-th-large"></i> 项目总览</a>
              </li>
              <li class="active">
                <a rel="nofollow" href="javascript:;"><i class="glyphicon glyphicon-edit"></i> 发起项目</a>
              </li>
              <li>
                <a rel="nofollow" href="minecrowdfunding.html"><i class="glyphicon glyphicon-user"></i> 我的众筹</a>
              </li>
            </ul>
          </div>
        </nav>
      </div>
    </div>
  </div>

  <div class="container">
    <div class="row clearfix">
      <div class="col-md-12 column">
        <div class="panel panel-default" >
          <div class="panel-heading" style="text-align:center;">
            <div class="container-fluid">
              <div class="row clearfix">
                <div class="col-md-3 column">
                  <div class="progress" style="height:50px;border-radius:0;    position: absolute;width: 75%;right:49px;">
                    <div class="progress-bar progress-bar-default" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;height:50px;">
                      <div style="font-size:16px;margin-top:15px;">1. 项目及发起人信息</div>
                    </div>
                  </div>
                  <div style="right: 0;border:10px solid #ddd;border-left-color: #88b7d5;border-width: 25px;position: absolute;
                                             border-left-color: rgba(221, 221, 221, 1);
                                             border-top-color: rgba(221, 221, 221, 0);
                                             border-bottom-color: rgba(221, 221, 221, 0);
                                             border-right-color: rgba(221, 221, 221, 0);
                                        ">
                  </div>
                </div>
                <div class="col-md-3 column">
                  <div class="progress" style="height:50px;border-radius:0;position: absolute;width: 75%;right:49px;">
                    <div class="progress-bar progress-bar-default" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;height:50px;">
                      <div style="font-size:16px;margin-top:15px;">2. 回报设置</div>
                    </div>
                  </div>
                  <div style="right: 0;border:10px solid #ddd;border-left-color: #88b7d5;border-width: 25px;position: absolute;
                                             border-left-color: rgba(221, 221, 221, 1);
                                             border-top-color: rgba(221, 221, 221, 0);
                                             border-bottom-color: rgba(221, 221, 221, 0);
                                             border-right-color: rgba(221, 221, 221, 0);
                                        ">
                  </div>
                </div>
                <div class="col-md-3 column">
                  <div class="progress" style="height:50px;border-radius:0;position: absolute;width: 75%;right:49px;">
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;height:50px;">
                      <div style="font-size:16px;margin-top:15px;">3. 确认信息</div>
                    </div>
                  </div>
                  <div style="right: 0;border:10px solid #ddd;border-left-color: #88b7d5;border-width: 25px;position: absolute;
                                             border-left-color: rgba(92, 184, 92, 1);
                                             border-top-color: rgba(92, 184, 92, 0);
                                             border-bottom-color: rgba(92, 184, 92, 0);
                                             border-right-color: rgba(92, 184, 92, 0);
                                        ">
                  </div>
                </div>
                <div class="col-md-3 column">
                  <div class="progress" style="height:50px;border-radius:0;">
                    <div class="progress-bar progress-bar-default" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;height:50px;">
                      <div style="font-size:16px;margin-top:15px;">4. 完成</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-body">

            <div class="container-fluid">
              <div class="row clearfix">
                <div class="col-md-12 column">
                  <blockquote style="border-left: 5px solid #f60;color:#f60;padding: 0 0 0 20px;">
                    <b>
                      确认信息（请填写支付宝企业账号用于收款及身份核实）
                    </b>
                  </blockquote>
                </div>
                <div class="col-md-12 column">

                  <div class="row clearfix">
                    <div class="col-md-6 column">
                      <form id="confirmFomr" th:action="@{/project/create/confirm}" method="post" role="form">
                        <div class="form-group">
                          <label for="exampleInputEmail1">支付宝企业账号：</label><input type="email" name="paynum" class="form-control" id="exampleInputEmail1" />
                        </div>
                        <div class="form-group">
                          <label for="exampleInputPassword1">法人身份证号：</label><input type="password" name="cardnum" class="form-control" id="exampleInputPassword1" />
                        </div>
                      </form>
                    </div>
                    <div class="col-md-6 column">
                      <div class="panel panel-default">
                        <div class="panel-body" style="padding:40px;">
                          <i class="glyphicon glyphicon-user"></i> 淘宝账户名：18173516309<br><br><span style="margin-left:60px;">您正在使用该账号发起众筹项目</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="panel-footer" style="text-align:center;">
            <button type="button" class="btn  btn-default btn-lg">上一步</button>

            <script type="text/javascript">
                $(function(){
                    $("#submitBtn").click(function(){
                        $("#confirmFomr").submit();
                    });
                });
            </script>
            <button type="button" id="submitBtn" class="btn btn-warning btn-lg">提交</button>
            <a class="btn" > 保存草稿 </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="container" style="margin-top:20px;">
    <div class="row clearfix">
      <div class="col-md-12 column">
        <div id="footer">
          <div class="footerNav">
            <a rel="nofollow" href="http://www.fireflynay.top">关于我们</a> | <a rel="nofollow" href="http://www.fireflynay.top">服务条款</a> | <a rel="nofollow" href="http://www.fireflynay.top">免责声明</a> | <a rel="nofollow" href="http://www.fireflynay.top">网站地图</a> | <a rel="nofollow" href="http://www.fireflynay.top">联系我们</a>
          </div>
          <div class="copyRight">
            Copyright@2020-2020fireflyNay.top 版权所有
          </div>
        </div>

      </div>
    </div>
  </div>
</div>
</body>
</html>